* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {font:0.8em/1.5 "arial",sans-serif;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.relative {position:relative;}
.clear {clear:both;}
/* page dimension */
#header_dimesion
{
	position:relative;
	width:80%;
	top: 0px;
	height:40px;
	margin:0px auto; 
	text-align:left;
/*	border: 1px solid black;*/
}
/* header & menu is located inside header_dimension*/
#header
{
	position:absolute;
	top:0px;
	height:0px;
}
#feature_story_dimension
{
	position:relative;
	margin-left: 10%;
	text-align: center;
/*	border: 1px solid black;*/
	padding: 10px 40px 60px 80px;
	font-family: Georgia;
/*        border-bottom: 1px solid #A4A4A4;*/
/*	background:url('/welcome/static/feature_theme.jpg');*/

}
#feature_story_dimension a
{
	color:black;
}
#feature_note
{
    color: #6E6E6E;
    font-weight: bold;
    text-decoration: none;
/*	border: 1px solid black;*/
}
.feature_title
{
        font-weight: bold;
	font-family:Georgia;
	font-size:+1.3em;
}
#feature_comment
{
	font-size:1.1em;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}
#feature_comment div
{
	margin: 10px;
}
.index_comment
{
	color: black;
	font-size:0.9em;
        font-family:Georgia;
}

.sub_line a
{
	color: #424242;
	font-size:0.8em;
        font-family:Georgia;
        font-style:italic;
}

#sub_story_dimension
{
	position:relative;
	width:80 %;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	border: 1px solid black;
	font-family: Georgia;
/*	background:url('/welcome/static/feature_theme.jpg');*/
}
#sub_story_title
{
	color:#B4045F;
	font-family:"Times New Roman";
	font-size:+2.5em;
}
#sub_story_title a
{
	color:#B4045F;
}


#post_dimension
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:64%;   /* 80*80 */
   /* border:1px solid #175966;*/
}
#content_dimension
{
	position:relative;
	width: 100%;
	margin:10px auto;
/*	border:1px solid #175966;*/
}
.reading_dimension
{
	position:relative;
	width: 100%;
	margin:auto;
}
#home_button
{
    position:absolute;
}
#comment_button
{
position:absolute;
margin-top:200px;
margin-left:auto;
width:40px;
height:90px;
}





.score {font-size:+1.2em; font-weight: bold; text-align: center; vertical-alignment: middle;}
.error { background-color: blue; color: white; padding: 3px}
/* set thing in header position*/
#header
{
	padding: 0.5em 2em 1.5em 4em;
}


#header h1
{
    font-size: 2.0em;
}

#header h1
{
    display: block;
    width: 100%;
    margin:  0px 0px 0px 0px;
}

#header h1 a
{
    color: #DF0101;
    text-decoration: none;
}

#user
{
	position: absolute;
	margin-top:10px;
	margin-left:80%;
	margin-right:auto;
	text-align:right;
    color: #6E6E6E;
    font-weight: bold;
    text-decoration: none;
/*	border: 1px solid black;*/
}

/* Menu */
#menu
{
        position:relative;
        margin-top: 1%;
        margin-left:0%;
        margin-right:auto;
	width:80%;
	height:30px;
/*	border: 1px solid black;*/
	text-align: left;
}
#menu
{
	background: ;
}

#menu ul
{
    display: block;
    width: 100%;
    list-style: none;
    padding: 5px 0.75em 0.25em 0.75em;
}

#menu li
{
    display: inline;
}

#menu li a
{
    color: #6E6E6E;
    font-weight: bold;
    text-decoration: none;
    padding: 10.25em 1.75em 20px 1em;
}

#menu li a:hover
{
/*background: white url('/{{=request.application}}/static/civilized/a4.gif') top left repeat-x;*/
/*	background: #AEB404 ;*/
	color: #2E2EFE
}

#newhotscorepost_dimension
{
position:relative;
/*border-bottom:1px solid black;*/
/*border: 1px solid black;*/
margin:20px 0 0 0;
height: 30px;
}
/* new m score line */
#newhotscore
{
position:relative;
width: 150px;
margin-left:auto;
margin-right:auto;
margin-bottom: auto;
margin-top: 10px;
/*background: #F5D0A9;*/
color:#B40404;
text-align:center;
font-size: 1em;
/*background:url('/welcome/static/feature_theme.jpg');*/
border-bottom:2px solid #B40404;
/*border: 1px solid black;*/
}


/*  Table that display Contents  in index.html*/
#table_layout
{
width:80%;
margin-left:auto;
margin-right:auto;
/*border: 1px solid black;*/
}
#table_layout tr td
{
vertical-align:top;
/*border: 1px solid black;*/
}
#Story1
{
position: absolute;
margin-left:15%;
margin-top:25px;
text-align: center;
margin-right:auto;
/*border: 1px solid black;*/
}
#Story1 tr td p
{
margin-left:auto;
margin-right:30px;
/*border: 1px solid black;*/
width: 400px;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
}

#Story2
{

position:absolute;
margin-top:90px;
margin-left:700px;
text-align: center;
/*border: 1px solid black;*/
}
#Story2 tr td p
{
margin-left:auto;
margin-right:30px;
/*border: 1px solid black;*/
width: 400px;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
}

#Story3
{

position:absolute;
margin-top:200px;
margin-left:400px;
text-align: center;
/*border: 1px solid black;*/
}
#Story3 tr td p
{
margin-left:auto;
margin-right:30px;
/*border: 1px solid black;*/
width: 400px;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
}
#poststory
{
position:absolute;
margin: 0px 85% auto;
/*border: 1px solid black;*/
}
/* story */
#writer_name
{
color:#5E610B;
font-style:normal;
}
.foreword
{
font-weight: bold;
font-size:1.1em;
width:20px; /* 10 % leave place for decoration */
font-family: Georgia;
/*border: 1px solid black;*/
}
#story
{

margin-left:auto;
margin-right:auto;
width:710px;
text-align:center;
background:url('/welcome/static/oldpaper_body.jpg');
}
#entry
{
width:80%;
text-align:left;
margin:auto;

}
/* font*/
#user
{
font-family:"arial";
font-size:1em;
}
#menu
{
font-family:"arial";
}
.article 
{
/*background: #BDBDBD;*/
font-family:"Times New Roman";
font-size:+1.3em;
}
.article a
{
color:#424242;
}

#entry
{
font-family:"Times New Roman";
font-size:+1.2em;
text-align:justify;
}


#logo {margin:0; margin-bottom:3px; font:normal 260%/1.2 "arial",sans-serif; letter-spacing:-1px; color:black;}
#logo span {font-weight:bold;}
#logo a {text-decoration:none; color: black;}
#slogan {margin:0;}


#content {
 width:100%; 
 padding:0px;
 }

#content h1 {margin:0; margin-bottom:10px; font-size:160%;}
#content h2, #content h3, #content h4 
{
padding: 60px 0 0 0; 
font-size:2.5em;
font:Frutiger;
font-style:normal;
}
/*#content h2 {border-bottom:1px solid black;}*/
#content h2, h3, h4, h5, h6 {}
#content h3, #content h4 {letter-spacing:0; font-size:120%;}


#footer {clear:both; padding:15px 0;text-align:center;}
#footer p {margin:0;}

/* COLOR */
theme{
position:absolute;
}
body{
/*background: #FAAC58;*/
/*background:url('/welcome/static/art_theme2.jpg');*/
background:url('/welcome/static/theme1.jpg');
}

#icon{
background:url('/welcome/static/OldBook.gif');
position:relative;
margin: 0 0 0 0px;
}


#body_reading
{
background: #1C1C1C;
}
a {color: black; text-decoration: none}
a:hover {color: #FF5C1F; text-decoration: none;}


#header
{
}
#logo {border-bottom:1px solid #464646; color:#FFF;}
#logo a {color:black;}
#slogan {color:#B0B0B0;}

#cols {}
#cols_reading
{
background-color:#1C1C1C;
}




#footer {background:#A4A4A4; color:#BDBDBD;}
#footer  p {color:#424242;}
#footer a:hover {

/*text-decoration: underline;*/
}

#flash 
{
position: absolute;
margin-top:300px;
 margin-left:650px;
 margin-right:auto;
 width: 15%;
 text-align: center; 
 clear: both; 
 border: 1px #000000;
 background-color: red; 
 }